<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:body>
        <ui:composition template="./template.xhtml">
            <ui:define name="content">
                <script type="text/javascript" src="_js/meu-carrinho.js"></script>

                <h2 id="nav-tabs">Meu carrinho</h2>

                <div>
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <td>Título</td>
                                <td>Quantidade</td>
                                <td>Valor</td>
                                <td></td>
                            </tr>
                        </thead>
                        <tbody id="comprasbox">
                        </tbody>
                    </table>
                    <div class="breadcrumb">
                        <!--<div><button class='btn btn-success' id="bttFinalizar">Finalizar compra</button></div>-->
                        <div align="right">Total: <span id="total">R$0,00</span></div>
                    </div>
                </div>

            </ui:define>
        </ui:composition>
    </h:body>
</html>